<!DOCTYPE html>
<html>
    <head>
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
        <meta charset="utf-8">
        <meta name="renderer" content=webkit>
        <!-- 引入vue -->
        <script src="../js/vue.js"></script>
        <!-- 引入组件库 -->
        <script src="../js/jQyery.js"></script>
        <script src="../js/layer/layer.js"></script>
     
        <script src="../js/element/element.js"></script>
        <script src="../js/new.js"></script>
        <!-- 引入样式 -->
        <link rel="stylesheet" href="../js/element/element.css">
        <link rel="stylesheet" href="../css/main.css">
        <link rel="stylesheet" href="../css/maincontent.css">
        <link rel="stylesheet" href="../css/newmain.css">
     
    </head>
    <style>
        [v-cloak]{
            display: none;
        }
    </style>
    <body>
        <div class="index_main"  onclick="hidediaolog()">
            <div class="index_mainhead" id="app" v-cloak >
                <div class="imh_left">
                    <img class="index_logo" src="../img/logowhite.png">
                    <el-tooltip class="item" effect="light" content="折叠" placement="right" v-if="!isCollapse" >
                        <img class="index_action" src="../img/logonext.png" v-on:click="changemenu">
                    </el-tooltip>

                    <el-tooltip class="item" effect="light" content="展开" placement="right" v-if="isCollapse">
                        <img class="index_action"  src="../img/right.png" v-on:click="changemenu">
                    </el-tooltip>
                  
                </div>
                <div class="imh_right">
                    <div class="right_notice" v-on:click.stop="shownoticedialog">
                        <el-badge :value="12" :max="99" class="item">
                            <img class="right_noticeimg" src="../img/jinbao.png">
                        </el-badge>
                        <div class="noticelist" v-if="shownotice">
                            <div class="noticediv">
                                <img src="../img/yiji.png">
                                <span>一级警告提示文字辅助性触 字辅助性字辅助性字</span>
                            </div>
                            <div class="noticediv">
                                <img src="../img/erji.png">
                                <span>一级警告提示文字辅助性触 字辅助性字辅助性字</span>
                            </div>
                            <div class="noticediv">
                                <img src="../img/sanji.png">
                                <span>一级警告提示文字辅助性触 字辅助性字辅助性字</span>
                            </div>
                            <div class="noticediv">
                                <img src="../img/yiji.png">
                                <span>一级警告提示文字辅助性触 字辅助性字辅助性字</span>
                            </div>
                            <div class="noticediv">
                                <img src="../img/erji.png">
                                <span>一级警告提示文字辅助性触 字辅助性字辅助性字</span>
                            </div>
                            <div class="noticediv">
                                <img src="../img/sanji.png">
                                <span>一级警告提示文字辅助性触 字辅助性字辅助性字</span>
                            </div>
                            <div class="noticebottom">
                                <span>点击查看更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="title_rightdiv" v-on:click.stop="showlangdialog">
                        <img :src="langinfo.img">
                        <span style="margin-left: 0.1rem;color: #fff">{{langinfo.name}}</span>
                        <img src="../img/xlwhite.png" style="margin-left: 0.05rem;">
                    </div>
                    <div class="head_line">

                    </div>
                    <div class="head_loginout">
                        <img src="../img/tuichu.png">
                    </div>
                </div>

                <div class="changelang" v-if="showlang" style="right: 0.14rem;top: 0.86rem">
                    <template v-for="item in langlist">
                        <div class="landiv" :class="{choselandiv:item.img===langinfo.img}" v-on:click="chosethis(item)">
                            <img :src="item.img">
                            <span>{{item.name}}</span>
                        </div>
                    </template>
                    
                </div>
            </div>
            <div class="index_maincontent">
                <div class="imc_left" id="meun" v-cloak>
                    <div class="imc_userinfo" v-on:click.stop="showuserinfoactiondialog" v-if="!isCollapse">
                        <div class="userimg">
                            <img src="../img/tx.png">
                        </div>
                        <div class="userinfo" >
                            <div class="usertitle">
                                <span>智棚物联网</span>
                            </div>
                            <div class="userdesc">
                                <span>管理员</span>
                            </div>
                        </div>

                        <div class="userinfoaction" v-if="showuserinfoaction">
                            <div class="actionimg">
                                <img src="../img/sanjiao.png">
                            </div>
                            <div class="actionlist">
                                <div class="actiondiv">
                                    <span>基本资料</span>
                                </div>
                                <div class="actiondiv">
                                    <span>修改密码</span>
                                </div>
                                <div class="actiondiv">
                                    <span>退出</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="indexmenu">
                        <el-menu
                            ref="menu"
                            default-active="1"
                            class="el-menu-vertical-demo"
                            @open="handleOpen"
                            @close="handleClose"
                            :collapse="isCollapse"
                            background-color="#1A2F70"
                            text-color="#dfdfdf"
                            :unique-opened="true"
                            :collapse-transition="false">
                            <el-menu-item index="2" v-on:click="hidefarmlist">
                                <i class="el-icon-s-home"></i>
                                <span slot="title">首页</span>
                            </el-menu-item>
                            <el-submenu index="1">
                                <template slot="title">
                                    <i class="el-icon-s-grid"></i>
                                    <span>农场列表</span>
                                </template>
                                <el-menu-item-group class="seconditem" style="background: #253C82">
                                    <el-menu-item index="1-1">选项1</el-menu-item>
                                    <el-menu-item index="1-2">选项2</el-menu-item>
                                    <el-menu-item index="1-3">选项3</el-menu-item>
                                    <el-submenu index="1-4">
                                        <template slot="title">选项4</template>
                                        <el-menu-item class="thirditem" index="1-4-1" @click="showChoseType">选项1</el-menu-item>

                                        <el-popover
                                            placement="right"
                                            width="400"
                                            @show="showTypeValue"
                                            @hide="hideTypeValue"
                                            trigger="click">
                                            <el-radio-group v-model="typeValueNext">
                                                <el-radio :label="1">模式1</el-radio>
                                                <el-radio :label="2">模式2</el-radio>
                                                <el-radio :label="3">模式3</el-radio>
                                            </el-radio-group>
                                            <el-menu-item class="thirditem" slot="reference" index="1-4-2" >选项2</el-menu-item>
                                           
                                        </el-popover>
                                        
                                    </el-submenu>
                                </el-menu-item-group>
                            
                                
                           
                        
                            </el-submenu>
                         
                            <el-menu-item index="3" v-on:click="hidefarmlist">
                              <i class="el-icon-s-platform"></i>
                              <span slot="title">智能场景</span>
                            </el-menu-item>
                            <el-menu-item index="4" v-on:click="hidefarmlist">
                              <i class="el-icon-s-order"></i>
                              <span slot="title">智棚服务</span>
                            </el-menu-item>
                        </el-menu>
                    </div>
                    <div class="modeldiv" v-if="showTypeValueNext">

                    </div>
                    <el-dialog
                        title="重要提示"
                        :visible.sync="dialogVisibleType"
                        :modal-append-to-body="false"
                        width="30%">
                        <el-radio-group v-model="typeValue">
                            <el-radio :label="1">模式1</el-radio>
                            <el-radio :label="2">模式2</el-radio>
                            <el-radio :label="3">模式3</el-radio>
                        </el-radio-group>
                        <span slot="footer" class="dialog-footer">
                            <el-button @click="dialogVisibleType = false">取 消</el-button>
                            <el-button type="primary" @click="dialogVisibleType = false">确 定</el-button>
                        </span>
                    </el-dialog>
                </div>
                <div class="imc_right" id="content" v-cloak>
                    <div class="imc_righthead">
                        <span>首页</span>
                    </div>
                    <div class="mainright_content">
                        <div class="fc_maindiv">
                            <div class="fc_maindivhead">
                                <div class="fchead_left">
                                        <div class="hoverdiv">
                                            <div class="fcleft_div fcleft_sy">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>首页</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>home page</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/sy.png">
                                                </div>

                                                <img src="../img/xz.png" style="width: 0.31rem;position: absolute;
                                                top: -1px;right: 0;">
                                            </div>
                                        </div>
                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #00B43E">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>设备控制</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>Equipment control</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/xmkz.png">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #6470E8">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>系统报警</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>System alarm</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/baojing.png">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #FB8B8B;">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>传感数据</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>Sensing data</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/cgq.png">
                                                </div>
                                            </div>
                                        </div>
                                   

                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #1B8CE4">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>视频监控</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>Video surveillance</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/spjk.png">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #EC7147">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>参数设置</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>Parameter setting</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/cssz.png">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #C34AD3">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>历史数据</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>historical data</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/lssj.png">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #42AFF8;">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>统计分析</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>statistical analysis</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/tjfx.png">
                                                </div>
                                            </div>
                                        </div>
                                    
                                    
                                </div>
                                <div class="fchead_right">
                                    <div class="fcr_left">
                                        <div class="fcrl_top">
                                            <img src="../img/qing.png">
                                        </div>
                                        <div class="fcrl_bottom">
                                            <span>晴</span>
                                        </div>

                                    </div>
                                    <div class="fcr_right">
                                        <div class="fcrr_top">
                                            <span>27°C-35°C</span>
                                        </div>
                                        <div class="fcrr_bottom">
                                           <span>北京 2020-07-28</span>
                                           <span>风向:无持续风向</span>
                                           <span>风力:<3级</span>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="fc_maindivcontent">
                                <div class="farmvalvecontent">
                                    <div class="fvc_head">
                                        <div class="fvch_left">
                                            <div class="fvchl_tab" :class="{selecttab:activetab==0}" style="margin-left:0.2rem;" @click="changeactivetab(0)">
                                                <span>阀值设置</span>
                                                <div class="tab_bottom" v-if="activetab==0"></div>
                                            </div>
                                            <div class="fvchl_tab" style="width: 1.4rem;" :class="{selecttab:activetab==1}" style="margin-left:0.4rem;" @click="changeactivetab(1)">
                                                <span>设备参数设置</span>
                                                <div class="tab_bottom" style="left:0.4rem" v-if="activetab==1"></div>
                                            </div>
                                        </div>
                                        <div class="fvch_right" v-if="activetab==0">
                                            <div class="fvchr_btn" style="margin-right:0.4rem;" :class="{selectbtn:activebtn==0}" @click="changeselectbtn(0)">
                                                <span>区域一</span>
                                            </div>
                                            <div class="fvchr_btn" :class="{selectbtn:activebtn==1}" style="margin-right:0.2rem;" @click="changeselectbtn(1)">
                                                <span>区域二</span>
                                            </div>
                                        </div>
                                    </div>
                                    <template v-if="activetab==0">

                                    
                                        <div class="fvc_nexthead">
                                            <div class="fvcnh_left">
                                                <div class="duandiv" :class="{selectduandiv:activeduandiv==0}" @click="changeactiveduandiv(0)">
                                                    <i class="el-icon-alarm-clock" style="margin-right:10px;"></i>
                                                    <span>时段一(07:40-10:40)</span>
                                                  
                                                </div>
                                                <div class="duandiv" :class="{selectduandiv:activeduandiv==1}" @click="changeactiveduandiv(1)">
                                                    <i class="el-icon-alarm-clock" style="margin-right:10px;"></i>
                                                    <span>时段二(07:40-10:40)</span>
                                                   
                                                </div>
                                                <div class="duandiv" :class="{selectduandiv:activeduandiv==2}" @click="changeactiveduandiv(2)">
                                                    <i class="el-icon-alarm-clock" style="margin-right:10px;"></i>
                                                    <span>时段三(07:40-10:40)</span>
                                                   
                                                </div>
                                                <div class="duandiv" :class="{selectduandiv:activeduandiv==3}" @click="changeactiveduandiv(3)">
                                                    <i class="el-icon-alarm-clock" style="margin-right:10px;"></i>
                                                    <span>时段四(07:40-10:40)</span>
                                                   
                                                </div>
                                                <div class="duandiv" :class="{selectduandiv:activeduandiv==4}" @click="changeactiveduandiv(4)">
                                                    <i class="el-icon-alarm-clock" style="margin-right:10px;"></i>
                                                    <span>时段五(07:40-10:40)</span>
                                                   
                                                </div>
                                            </div>
                                            <div class="fvcnh_right">
                                                <div class="fvcnhright_time">
                                                    <img src="../img/shiduan.png">
                                                    <span>时段设置</span>
                                                </div>
                                                <div class="fvcnhright_save">
                                                    <span>保存</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="fvc_maincontent">
                                            <template v-for="item in contentlist">
                                                <div class="fvc_div" v-if="item.type=='temp'">
                                                    <div class="fvc_divhead">
                                                        <img src="../img/wdvalve.png">
                                                        <span>温度(°C)</span>
                                                    </div>
                                                    <div class="fvc_divcontent">
                                                        <div class="fvcdc_div">
                                                            <span>加温温度:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdc_div">
                                                            <span>开窗降温温度:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdc_div">
                                                            <span>强制降温温度:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdc_div">
                                                            <span>最大偏差温温度:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdv_btn">
                                                            <span>映射区域二</span>
                                                        </div>
                                                    </div> 
                                                </div>
                                            
                                            
                                                <div class="fvc_div" v-if="item.type=='hum'">
                                                    <div class="fvc_divhead">
                                                        <img src="../img/kqsdvalve.png">
                                                        <span>湿度(%)</span>
                                                    </div>
                                                    <div class="fvc_divcontent">
                                                        <div class="fvcdc_div">
                                                            <span>加湿湿度:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdc_div">
                                                            <span>期望湿度:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdc_div">
                                                            <span>风机除湿:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdc_div">
                                                            <span>影响湿度系数:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdv_btn" >
                                                            <span>映射区域二</span>
                                                        </div>
                                                    </div> 
                                                </div>
                                                <div class="fvc_div" v-if="item.type=='lux'">
                                                    <div class="fvc_divhead">
                                                        <img src="../img/gzvalve.png">
                                                        <span>光照(klx)</span>
                                                    </div>
                                                    <div class="fvc_divcontent">
                                                        <div class="fvcdc_div">
                                                            <span>遮光上限:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdc_div">
                                                            <span>遮光下限:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdc_div">
                                                            <span>补光上限:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdc_div">
                                                            <span>补光下限:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdv_btn" >
                                                            <span>映射区域二</span>
                                                        </div>
                                                    </div> 
                                                </div>
                                                <div class="fvc_div" v-if="item.type=='co2'">
                                                    <div class="fvc_divhead">
                                                        <img src="../img/eyhtvalve.png">
                                                        <span>二氧化碳(PPM/Klx)</span>
                                                    </div>
                                                    <div class="fvc_divcontent">
                                                        <div class="fvcdc_div">
                                                            <span>高光照期望值:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdc_div">
                                                            <span>低光照期望值:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdc_div">
                                                            <span>高光照定义:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdc_div">
                                                            <span>低光照定义:</span>
                                                            <input />
                                                        </div>
                                                        <div class="fvcdv_btn" >
                                                            <span>映射区域二</span>
                                                        </div>
                                                    </div> 
                                                </div>
                                            
                                            </template>
                                        </div>
                                    </template>
                                    <template v-if="activetab==1">
                                        <div class="fvc_nexthead">
                                            <div class="fvcnh_left">
                                                <div class="fvcnhl_div" :class="{selectfvcnhl_div:activetype==0}" @click="changeactivetype(0)">
                                                    <span>窗内</span>
                                                </div>
                                                <div class="fvcnhl_div" :class="{selectfvcnhl_div:activetype==1}" @click="changeactivetype(1)">
                                                    <span>遮阳</span>
                                                </div>
                                                <div class="fvcnhl_div" :class="{selectfvcnhl_div:activetype==2}" @click="changeactivetype(2)">
                                                    <span>风机/湿帘</span>
                                                </div>
                                                <div class="fvcnhl_div" :class="{selectfvcnhl_div:activetype==3}" @click="changeactivetype(3)">
                                                    <span>补光灯</span>
                                                </div>
                                                <div class="fvcnhl_div" :class="{selectfvcnhl_div:activetype==4}" @click="changeactivetype(4)">
                                                    <span>CO2设备</span>
                                                </div>
                                                <div class="fvcnhl_div" :class="{selectfvcnhl_div:activetype==5}" @click="changeactivetype(5)">
                                                    <span>加温设备</span>
                                                </div>
                                                <div class="fvcnhl_div" :class="{selectfvcnhl_div:activetype==6}" @click="changeactivetype(6)">
                                                    <span>加湿设备</span>
                                                </div>
                                                <div class="fvcnhl_div" :class="{selectfvcnhl_div:activetype==7}" @click="changeactivetype(7)">
                                                    <span>充气泵</span>
                                                </div>
                                            </div>
                                            <!-- <div class="fvcnh_right">
                                                <div class="duandiv duanotherset" :class="{selectduandiv:activeotherset==0}" @click="changeactiveotherset(0)">
                                                    <span>基本设置</span>
                                                   
                                                </div>
                                                <div class="duandiv duanotherset" :class="{selectduandiv:activeotherset==1}" @click="changeactiveotherset(1)">
                                                    <span>开度设置</span>
                                                    
                                                </div>
                                                <div class="duandiv duanotherset" :class="{selectduandiv:activeotherset==2}" @click="changeactiveotherset(2)">
                                                    <span>其它设置</span>
                                                    
                                                </div>
                                                
                                            </div> -->
                                            
                                        </div>
                                        <div class="fvc_tablemaincontent" v-if="activetype==0">
                                            <div class="right_bottom">
                                                <div class="right_bottom_bottom">
                                                    <div class="right_bottom_left">
                                                        <ul>
                                                            <li :class="{setselectli:selectactive==0}" @click="setSetActive(0)">
                                                                <span>基本设置</span>
                                                            </li>
                                                            <li class="left_list_div" :class="{setselectli:selectactive==1}" @click="setSetActive(1)">
                                                                <span>开度设置</span>
                                                            </li>
                                                            <li class="left_list_div" :class="{setselectli:selectactive==2}" @click="setSetActive(2)">
                                                                <span>其他设置</span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="right_bottom_right" v-if="selectactive==1">
                                                        <div class="right_bottom1">
                                                                <span  :class="{selecttime:timeactive==0}" @click="setTimeActive(0)">时段一</span>
                                                                <span :class="{selecttime:timeactive==1}" @click="setTimeActive(1)">时段二</span>
                                                                <span :class="{selecttime:timeactive==2}" @click="setTimeActive(2)">时段三</span>
                                                        </div>
                                                       
                                                        <div class="right_bottom3 ">
                                                            <div class="el-table newtable">
                                                                <table style="width: 100%; margin-top: 0.2rem;" class="el-table__body" cellspacing="0" cellpadding="cellpadding" border="0">
                                                                    <thead class="has-gutter">
                                                                        <tr class="">
                                                                            <th colspan="1" rowspan="1" class="el-table_1_column_1     is-leaf">
                                                                               
                                                                            </th>
                                                                            <th colspan="1" rowspan="1" class="el-table_1_column_2     is-leaf">
                                                                                <div class="cell">迎风窗 (%)</div>
                                                                            </th>
                                                                            <th colspan="1" rowspan="1" class="el-table_1_column_3     is-leaf">
                                                                                <div class="cell">背风窗 (%)</div>
                                                                            </th>
                                                                            <th colspan="1" rowspan="1" class="el-table_1_column_4     is-leaf">
                                                                                <div class="cell">标准窗 (%)</div>
                                                                            </th>
                                                                            <th class="gutter" style="width: 0px; display: none;">

                                                                            </th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                       
                                                                        <tr class="el-table__row">
                                                                            <td> <div class="centerdiv">正常情况最大开度</div></td> 
                                                                            <td>
                                                                                <div class="leftdiv"><input min="0" max="100" type="number"></div>
                                                                            </td> 
                                                                            <td>
                                                                                <div class="leftdiv">
                                                                                    <input min="0" max="100" type="number">
                                                                                </div>
                                                                            </td> 
                                                                            <td>
                                                                                <div class="leftdiv">
                                                                                    <input min="0" max="100" type="number">
                                                                                </div>
                                                                            </td>
                                                                        </tr> 
                                                                        <tr class="el-table__row el-table--striped">
                                                                            <td> <div class="centerdiv">正常情况最大开度</div></td> 
                                                                            <td>
                                                                                <div class="leftdiv"><input min="0" max="100" type="number"></div>
                                                                            </td> 
                                                                            <td>
                                                                                <div class="leftdiv">
                                                                                    <input min="0" max="100" type="number">
                                                                                </div>
                                                                            </td> 
                                                                            <td>
                                                                                <div class="leftdiv">
                                                                                    <input min="0" max="100" type="number">
                                                                                </div>
                                                                            </td>
                                                                        </tr> 
                                                                        <tr class="el-table__row">
                                                                            <td> <div class="centerdiv">正常情况最大开度</div></td> 
                                                                            <td>
                                                                                <div class="leftdiv"><input min="0" max="100" type="number"></div>
                                                                            </td> 
                                                                            <td>
                                                                                <div class="leftdiv">
                                                                                    <input min="0" max="100" type="number">
                                                                                </div>
                                                                            </td> 
                                                                            <td>
                                                                                <div class="leftdiv">
                                                                                    <input min="0" max="100" type="number">
                                                                                </div>
                                                                            </td>
                                                                        </tr> 
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                            
                                                            <div class="right_bottom3_inputdiv">
                                                                <div class="right_bottom3_input"><span>确定</span></div>
                                                            </div>
                                                           
                                                        </div>
                                                    </div>

                                                    <div class="right_bottom_right" v-if="selectactive==2">
                                                        <div class="right_bottom_bottom">
                                                            <div class="right_bottom4">
                                                               <div class="right_bottom4_div">
                                                                   <span>低风速定义</span> 
                                                                   <input />
                                                                   <span>M/S</span>
                                                               </div>
                                                               <div class="right_bottom4_div">
                                                                   <span>高风速值定义</span>
                                                                   <input />
                                                                   <span>M/S</span>
                                                               </div>
                                                               <div class="right_bottom4_div">
                                                                   <span>切换风向的最小风速</span>
                                                                   <input>
                                                                   <span>M/S</span>
                                                               </div>
                                                               <div class="right_bottom4_div">
                                                                   <span>室外高温值</span>
                                                                   <input>
                                                                   <span>℃</span>
                                                               </div>
                                                               <div class="right_bottom4_div">
                                                                   <span>切换有无降雨检测时间</span>
                                                                   <input>
                                                                   <span>S</span>
                                                               </div>
                                                           </div>
                                                            <div class="right_bottom4">
                                                                <div class="right_bottom4_div">
                                                                    <span>低风速定义</span> 
                                                                    <input />
                                                                    <span>M/S</span>
                                                                </div>
                                                                <div class="right_bottom4_div">
                                                                    <span>高风速值定义</span>
                                                                    <input />
                                                                    <span>M/S</span>
                                                                </div>
                                                                <div class="right_bottom4_div">
                                                                    <span>切换风向的最小风速</span>
                                                                    <input>
                                                                    <span>M/S</span>
                                                                </div>
                                                                <div class="right_bottom4_div">
                                                                    <span>室外高温值</span>
                                                                    <input>
                                                                    <span>℃</span>
                                                                </div>
                                                                <div class="right_bottom4_div">
                                                                    <span>切换有无降雨检测时间</span>
                                                                    <input>
                                                                    <span>S</span>
                                                                </div>
                                                           </div>
                                                        </div>
                                                        <div class="right_bottom3_inputdiv" style="border-top: 1px solid #ddd">
                                                            <div class="right_bottom3_input"><span>确定</span></div>
                                                        </div>
                                                   </div>
                                                </div>
                                            </div>

                                           
                                        </div>

                                        <div class="fvc_tablemaincontent" v-if="activetype==1">
                                                <div class="right_bottom">
                                                    <div class="right_bottom_bottom">
                                                        <div class="right_bottom_left">
                                                            <ul>
                                                                <li :class="{setselectli:selectactive==0}" @click="setSetActive(0)">
                                                                    <span>基本设置</span>
                                                                </li>
                                                             
                                                                <li class="left_list_div" :class="{setselectli:selectactive==2}" @click="setSetActive(2)">
                                                                    <span>其他设置</span>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="right_bottom_right" v-if="selectactive==1">
                                                           
                                                        </div>
    
                                                        <div class="right_bottom_right" v-if="selectactive==2">
                                                             
                                                                <div class="right_bottom_bottom">
                                                                    <div class="right_bottom4">
                                                                        <div class="right_bottom4_div">
                                                                            <span>是否使用室外光照传感器</span>
                                                                            <el-switch v-model="publicParam">
                                                                        </div>
                                                                    </div>
                                                                    <div class="right_bottom4">
                                                                        <div class="right_bottom4_div">
                                                                            <span>光照检测干扰时间</span>
                                                                            <input style="width:80%;" type="number" min="0" max="65535"  />
                                                                            <span>S</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="right_bottomnext">
                                                                    <el-tabs v-model="activeName" type="card" >
                                                                        <el-tab-pane label="外遮阳、拉幕" name="first">
                                                                            <div class="right_bottom_bottom">
                                                                                <div class="right_bottom4">
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>是否关联光照控制</span>
                                                                                        <el-switch v-model="publicParam">
                                                                                    </div>
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>降雨时是否收拢外遮阳、拉幕</span>
                                                                                        <el-switch v-model="publicParam">
                                                                                    </div>
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>遮光时是否先于内遮阳动作</span>
                                                                                        <el-switch v-model="publicParam">
                                                                                    </div>
                                                                                </div>
                                                                                <div class="right_bottom4">
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>夜间是否展开外遮阳</span>
                                                                                        <el-switch v-model="publicParam">
                                                                                    </div>
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>最大展开位置</span>
                                                                                        <input type="number" min="0" max="100"  />
                                                                                        <span> %</span>
                                                                                    </div>
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>风速大于此值时收拢</span>
                                                                                        <input type="number" min="0" max="100"  />
                                                                                        <span>  M/S</span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                               
                                                                        </el-tab-pane>
                                                                        <el-tab-pane label="内遮阳、内保温" name="second">
                                                                            <div class="right_bottom_bottom">
                                                                                <div class="right_bottom4">
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>是否关联光照控制</span>
                                                                                        <el-switch v-model="publicParam">
                                                                                    </div>
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>最大展开位置</span>
                                                                                        <input type="number" min="0" max="100"   />
                                                                                        <span>  %</span>
                                                                                    </div>
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>夜间室外温度低于此值展开</span>
                                                                                        <input type="number" min="0" max="100"   />
                                                                                        <span> °C</span>
                                                                                    </div>
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>收拢步骤间隔时间</span>
                                                                                        <input type="number" min="0" max="65535"   />
                                                                                        <span> S</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="right_bottom4">
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>收拢步骤1开度</span>
                                                                                        <input type="number" min="0" max="100"   />
                                                                                        <span>  %</span>
                                                                                    </div>
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>收拢步骤2开度</span>
                                                                                        <input type="number" min="0" max="100"  />
                                                                                        <span>  %</span>
                                                                                    </div>
                                                                                    <div class="right_bottom4_div">
                                                                                        <span>收拢步骤3开度</span>
                                                                                        <input type="number" min="0" max="100"  />
                                                                                        <span>  %</span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                             
                                                                        </el-tab-pane>
                                                                        
                                                                        
                                                                    </el-tabs>
                                                                           
                                                                </div>
                                                                
                                                           
                                        
                                                            
                                                       
                                                            <div class="right_bottom3_inputdiv" style="border-top: 1px solid #ddd">
                                                                <div class="right_bottom3_input"><span>保存</span></div>
                                                            </div>
                                                       </div>
                                                    </div>
                                                </div>
    
                                               
                                            </div>

                                        <div class="fvc_tablemaincontent" v-if="activetype==2">
                                            <div class="right_bottom6">
                                                <!-- <div class="right_bottom6_top">
                                                    <div class="right_bottom6_top_span" :class="{right_bottom6_top_spanselect:windselect==0}" @click="setWind(0)"><span>轴流风机</span></div>
                                                    <div class="right_bottom6_top_span" :class="{right_bottom6_top_spanselect:windselect==1}" @click="setWind(1)"><span>环流风机</span></div>
                                                    <div class="right_bottom6_top_span" :class="{right_bottom6_top_spanselect:windselect==2}" @click="setWind(2)"><span>湿帘泵</span></div>
                                                </div> -->
                                                <el-tabs v-model="activeName" type="card" >
                                                    <el-tab-pane label="轴流风机" name="first">
                                                        <div class="right_bottom6_bottom">
                                                            <div class="right_bottom6_bottom1">
                                                                <div class="right_bottom6_div">
                                                                    <span>是否参与除湿</span>
                                                                    <input /> 
                                                                    <span style="color: #fff;">℃</span>
                                                                </div>
                                                                <div class="right_bottom6_div">
                                                                    <span>除湿时室外最低温度</span>
                                                                    <input>
                                                                    <span>℃</span>
                                                                </div>
                                                                <div class="right_bottom6_div">
                                                                    <span>除湿时室内最低温度</span>
                                                                    <input>
                                                                    <span>℃</span>
                                                                </div>
                                                            </div>
                                                            <div class="right_bottom6_bottom1">
                                                                <div class="right_bottom6_div">
                                                                    <span>降温时风机分组启动的温度梯度</span> 
                                                                    <input>
                                                                    <span>℃</span>
                                                                </div>
                                                                <div class="right_bottom6_div">
                                                                    <span>除湿时风机分组启动的温度梯度</span>
                                                                    <input>
                                                                    <span>%</span>
                                                                </div>
                                                                <div class="right_bottom6_div">
                                                                    <span>启动风机时后窗最小开度</span>
                                                                    <input>
                                                                    <span>%</span>
                                                                </div>
                                                                
                                                            </div>
                                                            <div class="right_bottom3_inputdiv" style="border-top: 1px solid #ddd">
                                                                <div class="right_bottom3_input"><span>确定</span></div>
                                                            </div>
                                                        </div>
                                                    </el-tab-pane>
                                                    <el-tab-pane label="环流风机" name="second">

                                                    </el-tab-pane>
                                                    <el-tab-pane label="湿帘泵" name="third">

                                                    </el-tab-pane>
                                                  
                                                </el-tabs>
                                               
                                            </div>
                                        </div>
                                    </template>


                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </body>

</html>
<script>
    var headvue=new Vue({
        el: '#app',
        data(){
            return {
                langinfo:{
                    name:"简体中文",
                    img:'../img/cn.png'
                },
                showlang:false,
                shownotice:false,
                isCollapse:false,
                langlist:[
                    {
                        img:'../img/cn.png',
                        name:'简体中文'
                    },
                    {
                        img:'../img/yy.png',
                        name:'English'
                    },
                    {
                        img:'../img/yy.png',
                        name:'English'
                    },
                    {
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },

                ],
              
          
                
               
             
                
                
            }
        },
        computed: {
            
        },
        created() {
           
        },
        mounted(){
            
         
           
        },
        methods:{
          
            showlangdialog(){
                this.showlang=!this.showlang;
                this.shownotice=false;
                this.showuserinfoaction=false
            },
            hidediaolog(){
                this.showlang=false;
                this.shownotice=false;
                this.showuserinfoaction=false
            },
            showuserinfoactiondialog(){
                this.showuserinfoaction=!this.showuserinfoaction;
                this.shownotice=false;
                this.showlang=false;
            },
            chosethis(item){
                this.langinfo=item
                this.showlang=false;
            },
            shownoticedialog(){
                this.shownotice=!this.shownotice;
                this.showlang=false;
                this.showuserinfoaction=false
               

            },
              changemenu(){
                this.isCollapse=!this.isCollapse
                if(this.isCollapse){
                    $(".el-submenu__title span").hide();
                    $(".el-menu-item span").hide();
                    $(".el-submenu__title i").eq(1).hide();
                    $(".imc_left").css({"width":"auto","min-width":"auto"})
                    $(".indexmenu").css("height","100%")
                    
                }
                else{
                    $(".imc_left").css({"width":"2.6rem","min-width":"200px"})
                    $(".indexmenu").css("height","calc(100% - 0.96rem)")
                }
            },
        },
        watch:{
            isCollapse(){
                meun.isCollapse=this.isCollapse
            }
        }
    })
    var meun=new Vue({
        el: '#meun',
        data(){
            return {
                showuserinfoaction:false,
                isCollapse:false,
                dialogVisibleType:false,
                typeValue:'',
                typeValueNext:'',
                showTypeValueNext:false,
            }
        },
        computed: {
            
        },
        created() {
           
        },
        mounted(){
            
         
           
        },
        methods:{
           
            hidediaolog(){
                this.showlang=false;
                this.shownotice=false;
                this.showuserinfoaction=false
            },
            showuserinfoactiondialog(){
                this.showuserinfoaction=!this.showuserinfoaction;
                this.shownotice=false;
                this.showlang=false;
            },
         

            handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            },
          
            
            hidefarmlist(){
                this.$refs["menu"].close("1")
            },
            showChoseType(){
                this.dialogVisibleType=true;
            },
            showTypeValue(){
                this.showTypeValueNext=true;
            },
            hideTypeValue(){
                this.showTypeValueNext=false;
            }

        },
        watch:{
            typeValueNext(){
                console.log(this.typeValueNext)
            }
        }
    })
    var content=new Vue({
        el: '#content',
        data(){
            return {
                activetab:0,
                activebtn:0,
                activeduandiv:0,
                activeotherset:0,
                activetype:1,
                contentlist:[
                    {
                        type:'temp',
                        is_select:0,
                    },
                    {
                        type:'hum',
                        is_select:1,
                    },
                    {
                        type:'lux',
                        is_select:0,
                    },
                    {
                        type:'co2',
                        is_select:0,
                    }
                ],
                
                nowindex:0,   

                selectactive:0,
                windselect:0,
                timeactive:0,
               

                activeName:'first',
                publicParam:false,
                
            }
        },
        computed: {
            
        },
        created() {
           
        },
        mounted(){
         
         
           
        },
        methods:{
            changenum(item,index){
                console.log(item)
                if(item.tableArry[index]>100){
                    item.tableArry[index]=100
                }
                this.$forceUpdate();
            },
            hidefarmlist(){
                this.$refs["menu"].close("1")
            },
            changeactivetab(index){
                this.activetab=index;
            },
            changeselectbtn(index){
                this.activebtn=index;
            },
            changeactiveduandiv(index){
                this.activeduandiv=index
            },
            changeactiveotherset(index){
                this.activeotherset=index
            },
            changeactivetype(index){
                this.activetype=index;
            },
            command(item){

                console.log(item)
                this.tableData[this.nowindex].type=item
            },
            visibleChange(index){
                console.log(index)
                this.nowindex=index
            },
            setSetActive(index){
                this.selectactive=index;
            },
            setWind(index){
                this.windselect=index;
            },
            setTimeActive(index){
                this.timeactive=index;
            }
           
        
        }
    })
</script>
<script src="../js/index.js"></script>